@import '@/app/styles/variables';

.container {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.purchases {
    transition: height 0.4s ease;
    overflow: hidden;
}

.collapse {
    height: 169px;
}

.expand {
    height: 330px;
}

@include media(sm) {
    .container {
        gap: 12px;
    }

    .btn {
        display: block;
    }

    .collapse {
        height: 144px;
    }
}